﻿@using System.Configuration

@{
    ViewBag.Title = "Sign In - " + ConfigurationManager.AppSettings["AppDescription"];
}


@section postHeadStyles {
    @Styles.Render("~/css/gritter")
    @Styles.Render("~/css/stickyfooter")
    @Styles.Render("~/css/signin")
}

<div class="container">

    <div class="company-logo-holder">
        <img class="company-logo" src="@Url.Content(ConfigurationManager.AppSettings["AppLoginLogo"])" alt="@ConfigurationManager.AppSettings["AppCompany"]" />
    </div>
        
    <form class="form-signin">
        
        <h3 class="form-signin-heading">@ConfigurationManager.AppSettings["AppName"]</h3>
        
        <label for="inputUserName" class="sr-only">Username</label>
        <input type="text" id="inputUserName" class="form-control" placeholder="Username" required autofocus data-bind="value: UserName">
        
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" id="inputPassword" class="form-control" placeholder="Password" required data-bind="value: Password">
        
        <div class="checkbox hidden">
            <label>
                <input type="checkbox" value="remember-me"> Remember me
            </label>
        </div>

        <button class="btn btn-lg btn-primary btn-block signin-button" role="button" data-bind="click: login, css: { 'disabled': Requesting }">Sign in</button>
    </form>

</div>

@Html.Partial("~/Views/Shared/_StickyFooter.cshtml")

@section postBodyScripts {
    @Scripts.Render("~/js/gritter")
    @Scripts.Render("~/js/ko")
    @Scripts.Render("~/js/signin")
}